
<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8" />
		<meta name="generator" content="JsDoc Toolkit" />
		<title>JUL.UI | JUL API Reference</title>

		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
		<meta name="mobileoptimized" content="0" />
	
		<link rel="stylesheet" href="../css/all.css" media="all" />
		<link rel="stylesheet" href="../css/handheld.css" media="only screen and (max-width: 660px)" />
		<link rel="stylesheet" href="../css/handheld.css" media="handheld" />
		<link rel="stylesheet" href="../css/screen.css" media="screen and (min-width: 661px)" />

		<script src="../javascript/all.js"></script>
		<!--[if lt IE 9]>
			<script src="../javascript/html5.js"></script>
		<![endif]-->
	</head>

	<body>

<div class="index">
	<div class="menu">
		<div class="indexLinks">
			<a href="../allclasses.html">Classes</a>
			<a href="../index.html">Files</a>
		</div>
	
		<h2 class="heading1">Classes</h2>
		
		<input type="text" name="classFilter" class="classFilter" id="ClassFilter" placeholder="Filter"></input>
		
		<nav>
			<ul class="classList" id="ClassList">
				
					<li><a href="../symbols/JUL.html">JUL</a></li>
				
					<li><a href="../symbols/JUL.Ref.html">JUL<span class='break'> </span>.<span class='break'> </span>Ref</a></li>
				
					<li><a href="../symbols/JUL.UI.html">JUL<span class='break'> </span>.<span class='break'> </span>UI</a></li>
				
					<li><a href="../symbols/JUL.UI.Parser.html">JUL<span class='break'> </span>.<span class='break'> </span>UI<span class='break'> </span>.<span class='break'> </span>Parser</a></li>
				
			</ul>
		</nav>
	</div>
	<div class="fineprint" style="clear:both">
		<footer>
			Copyright &copy; 2012 - 2014 <a href="https://jul-javascript.googlecode.com/" target="blank"">The Zonebuilder</a><br />
			Documentation generator: <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.4.0<br />
			Template: <a href="http://www.thebrightlines.com/2010/05/06/new-template-for-jsdoctoolkit-codeview/" target="_blank">Codeview</a> 1.2
		</footer>
	</div>
</div>

<div class="index indexStatic"></div>

<div class="content">
	<div class="innerContent">
		<article>
			<header>
				<h1 class="classTitle">
					
					Namespace <span>JUL.UI</span>
				</h1>
				
				<div class="intro">
					<p class="description summary">
						JUL tools for working with a config tree of component configs<br>
Can be also used as an instantiator (see <a href="../symbols/JUL.UI.Parser.html">JUL.UI.Parser</a> method)
					</p>
						
					
						<ul class="summary">
							
							
							
								<li>Defined in: <a href="../symbols/src/jul.js.html">jul.js</a></li>
							
							
						</ul>
					
				</div>
			</header>
			
			
				<section>
					<div class="props">
						<table class="summaryTable" cellspacing="0" summary="A summary of the constructor documented in the class JUL.UI.">
							<caption class="sectionTitle">Namespace Summary</caption>
							<thead>
								<tr>
									<th scope="col">Constructor Attributes</th>
									<th scope="col">Constructor Name and Description</th>
								</tr>
							</thead>
							<tbody>
								<tr>
									<td class="attributes">&nbsp;</td>
									<td class="nameDescription" >
										<div class="fixedFont">
											<b><a href="../symbols/JUL.UI.html#constructor">JUL.UI</a></b>
										</div>
										<div class="description">JUL.UI namespace</div>
									</td>
								</tr>
							</tbody>
						</table>
					</div>
				</section>
			
			
			
				
				<section>
					
						<nav>
							<div class="props">
								<table class="summaryTable" cellspacing="0" summary="A summary of the fields documented in the class JUL.UI.">
									<caption class="sectionTitle">Field Summary</caption>
									
									<thead>
										<tr>
											<th scope="col">Field Attributes</th>
											<th scope="col">Field Name and Description</th>
										</tr>
									</thead>
									
									<tbody>
										
											<tr>
												<td class="attributes">&lt;static&gt; &nbsp;</td>
												<td class="nameDescription">
													<div class="fixedFont">
													JUL.UI.<b><a href="../symbols/JUL.UI.html#.bindingProperty">bindingProperty</a></b>
													</div>
													<div class="description">The name of the binding property in the config tree</div>
												</td>
											</tr>
										
											<tr>
												<td class="attributes">&lt;static&gt; &nbsp;</td>
												<td class="nameDescription">
													<div class="fixedFont">
													JUL.UI.<b><a href="../symbols/JUL.UI.html#.childrenProperty">childrenProperty</a></b>
													</div>
													<div class="description">The name of the children property in the config tree</div>
												</td>
											</tr>
										
											<tr>
												<td class="attributes">&lt;static&gt; &nbsp;</td>
												<td class="nameDescription">
													<div class="fixedFont">
													JUL.UI.<b><a href="../symbols/JUL.UI.html#.classProperty">classProperty</a></b>
													</div>
													<div class="description">The name of the class property in the config tree</div>
												</td>
											</tr>
										
											<tr>
												<td class="attributes">&lt;static&gt; &nbsp;</td>
												<td class="nameDescription">
													<div class="fixedFont">
													JUL.UI.<b><a href="../symbols/JUL.UI.html#.cssProperty">cssProperty</a></b>
													</div>
													<div class="description">The name of the CSS class property in the config tree</div>
												</td>
											</tr>
										
											<tr>
												<td class="attributes">&lt;static&gt; &nbsp;</td>
												<td class="nameDescription">
													<div class="fixedFont">
													JUL.UI.<b><a href="../symbols/JUL.UI.html#.customFactory">customFactory</a></b>
													</div>
													<div class="description">An optional custom function to instantiate a component</div>
												</td>
											</tr>
										
											<tr>
												<td class="attributes">&lt;static&gt; &nbsp;</td>
												<td class="nameDescription">
													<div class="fixedFont">
													JUL.UI.<b><a href="../symbols/JUL.UI.html#.defaultClass">defaultClass</a></b>
													</div>
													<div class="description">The name of the default class in the config tree</div>
												</td>
											</tr>
										
											<tr>
												<td class="attributes">&lt;static&gt; &nbsp;</td>
												<td class="nameDescription">
													<div class="fixedFont">
													JUL.UI.<b><a href="../symbols/JUL.UI.html#.htmlProperty">htmlProperty</a></b>
													</div>
													<div class="description">The name of the inner HTML property in the config tree</div>
												</td>
											</tr>
										
											<tr>
												<td class="attributes">&lt;static&gt; &nbsp;</td>
												<td class="nameDescription">
													<div class="fixedFont">
													JUL.UI.<b><a href="../symbols/JUL.UI.html#.idProperty">idProperty</a></b>
													</div>
													<div class="description">The name of the ID property in the config tree</div>
												</td>
											</tr>
										
											<tr>
												<td class="attributes">&lt;static&gt; &nbsp;</td>
												<td class="nameDescription">
													<div class="fixedFont">
													JUL.UI.<b><a href="../symbols/JUL.UI.html#.includeProperty">includeProperty</a></b>
													</div>
													<div class="description">The name of the include property in the config tree</div>
												</td>
											</tr>
										
											<tr>
												<td class="attributes">&lt;static&gt; &nbsp;</td>
												<td class="nameDescription">
													<div class="fixedFont">
													JUL.UI.<b><a href="../symbols/JUL.UI.html#.membersProperties">membersProperties</a></b>
													</div>
													<div class="description">An array of names of the other 'members' properties in the config tree</div>
												</td>
											</tr>
										
											<tr>
												<td class="attributes">&lt;static&gt; &nbsp;</td>
												<td class="nameDescription">
													<div class="fixedFont">
													JUL.UI.<b><a href="../symbols/JUL.UI.html#.parentProperty">parentProperty</a></b>
													</div>
													<div class="description">The name of the parent property in the config tree.</div>
												</td>
											</tr>
										
											<tr>
												<td class="attributes">&lt;static&gt; &nbsp;</td>
												<td class="nameDescription">
													<div class="fixedFont">
													JUL.UI.<b><a href="../symbols/JUL.UI.html#.parserProperty">parserProperty</a></b>
													</div>
													<div class="description">The name pf the parser config property used a meta information for a branch of the config tree</div>
												</td>
											</tr>
										
											<tr>
												<td class="attributes">&lt;static&gt; &nbsp;</td>
												<td class="nameDescription">
													<div class="fixedFont">
													JUL.UI.<b><a href="../symbols/JUL.UI.html#.tagProperty">tagProperty</a></b>
													</div>
													<div class="description">The name of the tag property in the config tree</div>
												</td>
											</tr>
										
											<tr>
												<td class="attributes">&lt;static&gt; &nbsp;</td>
												<td class="nameDescription">
													<div class="fixedFont">
													JUL.UI.<b><a href="../symbols/JUL.UI.html#.topDown">topDown</a></b>
													</div>
													<div class="description">Set this to true to have a top-down instantiation instead of the default bottom-up one</div>
												</td>
											</tr>
										
											<tr>
												<td class="attributes">&lt;static&gt; &nbsp;</td>
												<td class="nameDescription">
													<div class="fixedFont">
													JUL.UI.<b><a href="../symbols/JUL.UI.html#.useTags">useTags</a></b>
													</div>
													<div class="description">Whether to use tag property in the config tree</div>
												</td>
											</tr>
										
											<tr>
												<td class="attributes">&lt;static&gt; &nbsp;</td>
												<td class="nameDescription">
													<div class="fixedFont">
													JUL.UI.<b><a href="../symbols/JUL.UI.html#.xmlNS">xmlNS</a></b>
													</div>
													<div class="description">Hash containing XML namespaces for several DOM languages</div>
												</td>
											</tr>
										
									</tbody>
								</table>
							</div>
						</nav>
					
					
					
				</section>
			
	<!--
	#### METHODS SUMMARY
	-->
			
				<section>
					
					
					<div class="props">
						<h2 class="sectionTitle">Method Summary</h2>
						
						
							<nav>
								<table class="summaryTable" id="MethodsList" cellspacing="0" summary="A summary of the methods documented in the class JUL.UI.">
									<thead>
										<tr>
											<th scope="col">Method Attributes</th>
											<th scope="col">Method Name and Description</th>
										</tr>
									</thead>
									
									<tbody>
										
										
											<tr
												 class='item0'
											>
												<td class="attributes">&lt;static&gt; &nbsp;</td>
												<td class="nameDescription">
													<div class="fixedFont">JUL.UI.<b><a href="../symbols/JUL.UI.html#.compact">compact</a></b>(oData, bAuto, _iLength)
													</div>
													<div class="description">Compacts a config tree converting suitable 'childrenProperty' items into 'membersProperties' properties</div>
												</td>
											</tr>
										
											<tr
												 class='item1'
											>
												<td class="attributes">&lt;static&gt; &nbsp;</td>
												<td class="nameDescription">
													<div class="fixedFont">JUL.UI.<b><a href="../symbols/JUL.UI.html#.create">create</a></b>(oTree, oBindings, oParent)
													</div>
													<div class="description">Creates a tree of runtime objects specified by a config tree<br>
Object instances are created bottom-up by default with children instances put in the parent config, 
or top-down with parent instance put in the children configs</div>
												</td>
											</tr>
										
											<tr
												 class='item2'
											>
												<td class="attributes">&lt;static&gt; &nbsp;</td>
												<td class="nameDescription">
													<div class="fixedFont">JUL.UI.<b><a href="../symbols/JUL.UI.html#.createComponent">createComponent</a></b>(Component)
													</div>
													<div class="description">Creates a single component given its config<br>
 If the ID property is a dotted path, the component is published (made available) under that path</div>
												</td>
											</tr>
										
											<tr
												 class='item3'
											>
												<td class="attributes">&lt;static&gt; &nbsp;</td>
												<td class="nameDescription">
													<div class="fixedFont">JUL.UI.<b><a href="../symbols/JUL.UI.html#.createDom">createDom</a></b>(oConfig)
													</div>
													<div class="description">Custom factory for DOM languages<br>
To use it, set the 'customFactory' property of the parser to JUL.UI.createDom</div>
												</td>
											</tr>
										
											<tr
												 class='item4'
											>
												<td class="attributes">&lt;static&gt; &nbsp;</td>
												<td class="nameDescription">
													<div class="fixedFont">JUL.UI.<b><a href="../symbols/JUL.UI.html#.expand">expand</a></b>(oData)
													</div>
													<div class="description">Expands a compacted config tree converting all 'membersProperties' properties into 'childrenProperty' items</div>
												</td>
											</tr>
										
											<tr
												 class='item5'
											>
												<td class="attributes">&lt;static&gt; &nbsp;</td>
												<td class="nameDescription">
													<div class="fixedFont">JUL.UI.<b><a href="../symbols/JUL.UI.html#.factory">factory</a></b>(sClass, oArgs)
													</div>
													<div class="description">Default factory method that creates an object of a certain class</div>
												</td>
											</tr>
										
											<tr
												 class='item6'
											>
												<td class="attributes">&lt;static&gt; &nbsp;</td>
												<td class="nameDescription">
													<div class="fixedFont">JUL.UI.<b><a href="../symbols/JUL.UI.html#.include">include</a></b>(oData)
													</div>
													<div class="description">Does explicit object inheritance based on a predefined object property</div>
												</td>
											</tr>
										
											<tr
												 class='item7'
											>
												<td class="attributes">&lt;static&gt; &nbsp;</td>
												<td class="nameDescription">
													<div class="fixedFont">JUL.UI.<b><a href="../symbols/JUL.UI.html#.obj2str">obj2str</a></b>(oData, bQuote)
													</div>
													<div class="description">Recursively converts a config object to JavaScript or to JSON</div>
												</td>
											</tr>
										
											<tr
												 class='item8'
											>
												<td class="attributes">&lt;static&gt; &nbsp;</td>
												<td class="nameDescription">
													<div class="fixedFont">JUL.UI.<b><a href="../symbols/JUL.UI.html#.xml2jul">xml2jul</a></b>(oXml, bReturnString)
													</div>
													<div class="description">Converts a XML DOM to a JUL.UI config tree or to JavaScript code</div>
												</td>
											</tr>
										
									</tbody>
								</table>
							</nav>
						
					
						
					</div>
				</section>
			
			
	<!--
	#### EVENTS SUMMARY
	-->
			
	<!--
	#### CONSTRUCTOR DETAILS
	-->
			
				<section>
					<div class="details props">
						<div class="innerProps">
							<h2 class="sectionTitle" id="constructor">
								Namespace Detail
							</h2>
							
							<div class="fixedFont">
								<b>JUL.UI</b>
							</div>
							
							<div class="description">
								JUL.UI namespace
								
							</div>
							
							
						
							
							
							
						</div>
					</div>
				</section>
			
	<!--
	#### FIELD DETAILS
	-->
			
				<section>
					<div class="details props">
						<div class="innerProps">
							<h2 class="sectionTitle">
								Field Detail
							</h2>
							
							
								<div class="fixedFont heading" id=".bindingProperty">
									<span class='lighter'>
									&lt;static&gt; 
									</span>
									
									<span class="light">{String}</span>
									
									<span class="light">JUL.UI.</span><b>bindingProperty</b>							
								</div>
								
								<div class="description">
									The name of the binding property in the config tree
									
									
									
								</div>
								
								
									
								
								<div class="hr"></div>
							
								<div class="fixedFont heading" id=".childrenProperty">
									<span class='lighter'>
									&lt;static&gt; 
									</span>
									
									<span class="light">{String}</span>
									
									<span class="light">JUL.UI.</span><b>childrenProperty</b>							
								</div>
								
								<div class="description">
									The name of the children property in the config tree
									
									
									
								</div>
								
								
									
								
								<div class="hr"></div>
							
								<div class="fixedFont heading" id=".classProperty">
									<span class='lighter'>
									&lt;static&gt; 
									</span>
									
									<span class="light">{String}</span>
									
									<span class="light">JUL.UI.</span><b>classProperty</b>							
								</div>
								
								<div class="description">
									The name of the class property in the config tree
									
									
									
								</div>
								
								
									
								
								<div class="hr"></div>
							
								<div class="fixedFont heading" id=".cssProperty">
									<span class='lighter'>
									&lt;static&gt; 
									</span>
									
									<span class="light">{String}</span>
									
									<span class="light">JUL.UI.</span><b>cssProperty</b>							
								</div>
								
								<div class="description">
									The name of the CSS class property in the config tree
									
									
									
								</div>
								
								
									
								
								<div class="hr"></div>
							
								<div class="fixedFont heading" id=".customFactory">
									<span class='lighter'>
									&lt;static&gt; 
									</span>
									
									<span class="light">{Function}</span>
									
									<span class="light">JUL.UI.</span><b>customFactory</b>							
								</div>
								
								<div class="description">
									An optional custom function to instantiate a component
									
									
									
								</div>
								
								
									
								
								<div class="hr"></div>
							
								<div class="fixedFont heading" id=".defaultClass">
									<span class='lighter'>
									&lt;static&gt; 
									</span>
									
									<span class="light">{String}</span>
									
									<span class="light">JUL.UI.</span><b>defaultClass</b>							
								</div>
								
								<div class="description">
									The name of the default class in the config tree
									
									
									
								</div>
								
								
									
								
								<div class="hr"></div>
							
								<div class="fixedFont heading" id=".htmlProperty">
									<span class='lighter'>
									&lt;static&gt; 
									</span>
									
									<span class="light">{String}</span>
									
									<span class="light">JUL.UI.</span><b>htmlProperty</b>							
								</div>
								
								<div class="description">
									The name of the inner HTML property in the config tree
									
									
									
								</div>
								
								
									
								
								<div class="hr"></div>
							
								<div class="fixedFont heading" id=".idProperty">
									<span class='lighter'>
									&lt;static&gt; 
									</span>
									
									<span class="light">{String}</span>
									
									<span class="light">JUL.UI.</span><b>idProperty</b>							
								</div>
								
								<div class="description">
									The name of the ID property in the config tree
									
									
									
								</div>
								
								
									
								
								<div class="hr"></div>
							
								<div class="fixedFont heading" id=".includeProperty">
									<span class='lighter'>
									&lt;static&gt; 
									</span>
									
									<span class="light">{String}</span>
									
									<span class="light">JUL.UI.</span><b>includeProperty</b>							
								</div>
								
								<div class="description">
									The name of the include property in the config tree
									
									
									
								</div>
								
								
									
								
								<div class="hr"></div>
							
								<div class="fixedFont heading" id=".membersProperties">
									<span class='lighter'>
									&lt;static&gt; 
									</span>
									
									<span class="light">{String[]}</span>
									
									<span class="light">JUL.UI.</span><b>membersProperties</b>							
								</div>
								
								<div class="description">
									An array of names of the other 'members' properties in the config tree
									
									
									
								</div>
								
								
									
								
								<div class="hr"></div>
							
								<div class="fixedFont heading" id=".parentProperty">
									<span class='lighter'>
									&lt;static&gt; 
									</span>
									
									<span class="light">{String}</span>
									
									<span class="light">JUL.UI.</span><b>parentProperty</b>							
								</div>
								
								<div class="description">
									The name of the parent property in the config tree. Used if topDown is true
									
									
									
								</div>
								
								
									
								
								<div class="hr"></div>
							
								<div class="fixedFont heading" id=".parserProperty">
									<span class='lighter'>
									&lt;static&gt; 
									</span>
									
									<span class="light">{String}</span>
									
									<span class="light">JUL.UI.</span><b>parserProperty</b>							
								</div>
								
								<div class="description">
									The name pf the parser config property used a meta information for a branch of the config tree
									
									
									
								</div>
								
								
									
								
								<div class="hr"></div>
							
								<div class="fixedFont heading" id=".tagProperty">
									<span class='lighter'>
									&lt;static&gt; 
									</span>
									
									<span class="light">{String}</span>
									
									<span class="light">JUL.UI.</span><b>tagProperty</b>							
								</div>
								
								<div class="description">
									The name of the tag property in the config tree
									
									
									
								</div>
								
								
									
								
								<div class="hr"></div>
							
								<div class="fixedFont heading" id=".topDown">
									<span class='lighter'>
									&lt;static&gt; 
									</span>
									
									<span class="light">{Boolean}</span>
									
									<span class="light">JUL.UI.</span><b>topDown</b>							
								</div>
								
								<div class="description">
									Set this to true to have a top-down instantiation instead of the default bottom-up one
									
									
									
								</div>
								
								
									
								
								<div class="hr"></div>
							
								<div class="fixedFont heading" id=".useTags">
									<span class='lighter'>
									&lt;static&gt; 
									</span>
									
									<span class="light">{Boolean}</span>
									
									<span class="light">JUL.UI.</span><b>useTags</b>							
								</div>
								
								<div class="description">
									Whether to use tag property in the config tree
									
									
									
								</div>
								
								
									
								
								<div class="hr"></div>
							
								<div class="fixedFont heading" id=".xmlNS">
									<span class='lighter'>
									&lt;static&gt; 
									</span>
									
									<span class="light">{Object}</span>
									
									<span class="light">JUL.UI.</span><b>xmlNS</b>							
								</div>
								
								<div class="description">
									Hash containing XML namespaces for several DOM languages
									
									
									
								</div>
								
								
									
								
								
							
						</div>
					</div>
				</section>
			
	<!--
	#### METHOD DETAILS
	-->		
			
				<section>
					<div class="details props">
						<div class="innerProps">
							<h2 class="sectionTitle">
								Method Detail
							</h2>
							
							<ul class="methodDetail" id="MethodDetail">
								
								
									<li 
										 class='item0'
									>
										<div class="fixedFont heading" id=".compact">
											<span class='lighter'>
											&lt;static&gt; 
											</span>
											
											<span class="light">{Object}</span>
											
											<span class="light">JUL.UI.</span><b>compact</b>(oData, bAuto, _iLength)
										</div>
										
										<div class="description">
											Compacts a config tree converting suitable 'childrenProperty' items into 'membersProperties' properties
											
											
											
											
										</div>
										
										
										
										
											<dl class="detailList params">
												<dt class="heading">Parameters:</dt>
												
													<dt>
														<span class="light fixedFont">{Object}</span> <b>oData</b>
														
													</dt>
													<dd>Config tree</dd>
												
													<dt>
														<span class="light fixedFont">{Boolean}</span> <b>bAuto</b>
														<i>Optional</i>
													</dt>
													<dd>Autodetect compactable items and add their names to the 'membersProperties' array of the parser</dd>
												
													<dt>
														<b>_iLength</b>
														
													</dt>
													<dd></dd>
												
											</dl>
										
										
										
											<dl class="detailList nomargin">
											
												
												
												
												
												
												
												
													<dt class="heading">Returns:</dt>
													
														<dd><span class="light fixedFont">{Object}</span> Compacted config tree</dd>
													
												
												
												
												
												
											
											</dl>
										
										<div class="hr"></div>
									</li>
								
									<li 
										 class='item1'
									>
										<div class="fixedFont heading" id=".create">
											<span class='lighter'>
											&lt;static&gt; 
											</span>
											
											<span class="light">{Object|Object[]}</span>
											
											<span class="light">JUL.UI.</span><b>create</b>(oTree, oBindings, oParent)
										</div>
										
										<div class="description">
											Creates a tree of runtime objects specified by a config tree<br>
Object instances are created bottom-up by default with children instances put in the parent config, 
or top-down with parent instance put in the children configs
											
											
											
											
										</div>
										
										
										
										
											<dl class="detailList params">
												<dt class="heading">Parameters:</dt>
												
													<dt>
														<span class="light fixedFont">{Object|Object[]}</span> <b>oTree</b>
														
													</dt>
													<dd>Config tree root or array of root configs</dd>
												
													<dt>
														<span class="light fixedFont">{Object}</span> <b>oBindings</b>
														<i>Optional</i>
													</dt>
													<dd>Config tree logic that will apply to the corresponding nodes</dd>
												
													<dt>
														<span class="light fixedFont">{Object}</span> <b>oParent</b>
														<i>Optional</i>
													</dt>
													<dd>Optional parent object of the root instance when instantiating top-down</dd>
												
											</dl>
										
										
										
											<dl class="detailList nomargin">
											
												
												
												
												
												
												
												
													<dt class="heading">Returns:</dt>
													
														<dd><span class="light fixedFont">{Object|Object[]}</span> Tree root instance or array of root instances</dd>
													
												
												
												
												
												
											
											</dl>
										
										<div class="hr"></div>
									</li>
								
									<li 
										 class='item2'
									>
										<div class="fixedFont heading" id=".createComponent">
											<span class='lighter'>
											&lt;static&gt; 
											</span>
											
											<span class="light">{Object}</span>
											
											<span class="light">JUL.UI.</span><b>createComponent</b>(Component)
										</div>
										
										<div class="description">
											Creates a single component given its config<br>
 If the ID property is a dotted path, the component is published (made available) under that path
											
											
											
											
										</div>
										
										
										
										
											<dl class="detailList params">
												<dt class="heading">Parameters:</dt>
												
													<dt>
														<span class="light fixedFont">{Object}</span> <b>Component</b>
														
													</dt>
													<dd>config</dd>
												
											</dl>
										
										
										
											<dl class="detailList nomargin">
											
												
												
												
												
												
												
												
													<dt class="heading">Returns:</dt>
													
														<dd><span class="light fixedFont">{Object}</span> Component instance</dd>
													
												
												
												
												
												
											
											</dl>
										
										<div class="hr"></div>
									</li>
								
									<li 
										 class='item3'
									>
										<div class="fixedFont heading" id=".createDom">
											<span class='lighter'>
											&lt;static&gt; 
											</span>
											
											<span class="light">{Object}</span>
											
											<span class="light">JUL.UI.</span><b>createDom</b>(oConfig)
										</div>
										
										<div class="description">
											Custom factory for DOM languages<br>
To use it, set the 'customFactory' property of the parser to JUL.UI.createDom
											
											
											
											
										</div>
										
										
										
										
											<dl class="detailList params">
												<dt class="heading">Parameters:</dt>
												
													<dt>
														<span class="light fixedFont">{Object}</span> <b>oConfig</b>
														
													</dt>
													<dd>Config object</dd>
												
											</dl>
										
										
										
											<dl class="detailList nomargin">
											
												
												
												
												
												
												
												
													<dt class="heading">Returns:</dt>
													
														<dd><span class="light fixedFont">{Object}</span> Component instance</dd>
													
												
												
												
												
												
											
											</dl>
										
										<div class="hr"></div>
									</li>
								
									<li 
										 class='item4'
									>
										<div class="fixedFont heading" id=".expand">
											<span class='lighter'>
											&lt;static&gt; 
											</span>
											
											<span class="light">{Object}</span>
											
											<span class="light">JUL.UI.</span><b>expand</b>(oData)
										</div>
										
										<div class="description">
											Expands a compacted config tree converting all 'membersProperties' properties into 'childrenProperty' items
											
											
											
											
										</div>
										
										
										
										
											<dl class="detailList params">
												<dt class="heading">Parameters:</dt>
												
													<dt>
														<span class="light fixedFont">{Object}</span> <b>oData</b>
														
													</dt>
													<dd>Compacted config tree</dd>
												
											</dl>
										
										
										
											<dl class="detailList nomargin">
											
												
												
												
												
												
												
												
													<dt class="heading">Returns:</dt>
													
														<dd><span class="light fixedFont">{Object}</span> Expanded config tree</dd>
													
												
												
												
												
												
											
											</dl>
										
										<div class="hr"></div>
									</li>
								
									<li 
										 class='item5'
									>
										<div class="fixedFont heading" id=".factory">
											<span class='lighter'>
											&lt;static&gt; 
											</span>
											
											<span class="light">{Object}</span>
											
											<span class="light">JUL.UI.</span><b>factory</b>(sClass, oArgs)
										</div>
										
										<div class="description">
											Default factory method that creates an object of a certain class
											
											
											
											
										</div>
										
										
										
										
											<dl class="detailList params">
												<dt class="heading">Parameters:</dt>
												
													<dt>
														<span class="light fixedFont">{String}</span> <b>sClass</b>
														
													</dt>
													<dd>Dotted path of the class constructor i.e. class full name</dd>
												
													<dt>
														<span class="light fixedFont">{Object}</span> <b>oArgs</b>
														
													</dt>
													<dd>Constructor arguments as a config object (excluding class name)</dd>
												
											</dl>
										
										
										
											<dl class="detailList nomargin">
											
												
												
												
												
												
												
												
													<dt class="heading">Returns:</dt>
													
														<dd><span class="light fixedFont">{Object}</span> The new created object</dd>
													
												
												
												
												
												
											
											</dl>
										
										<div class="hr"></div>
									</li>
								
									<li 
										 class='item6'
									>
										<div class="fixedFont heading" id=".include">
											<span class='lighter'>
											&lt;static&gt; 
											</span>
											
											<span class="light">{Object}</span>
											
											<span class="light">JUL.UI.</span><b>include</b>(oData)
										</div>
										
										<div class="description">
											Does explicit object inheritance based on a predefined object property
											
											
											
											
										</div>
										
										
										
										
											<dl class="detailList params">
												<dt class="heading">Parameters:</dt>
												
													<dt>
														<span class="light fixedFont">{Object}</span> <b>oData</b>
														
													</dt>
													<dd>Config object containing an include property i.e. a dotted path to another object</dd>
												
											</dl>
										
										
										
											<dl class="detailList nomargin">
											
												
												
												
												
												
												
												
													<dt class="heading">Returns:</dt>
													
														<dd><span class="light fixedFont">{Object}</span> Object with recursively applied inherited properties where not already present</dd>
													
												
												
												
												
												
											
											</dl>
										
										<div class="hr"></div>
									</li>
								
									<li 
										 class='item7'
									>
										<div class="fixedFont heading" id=".obj2str">
											<span class='lighter'>
											&lt;static&gt; 
											</span>
											
											<span class="light">{String}</span>
											
											<span class="light">JUL.UI.</span><b>obj2str</b>(oData, bQuote)
										</div>
										
										<div class="description">
											Recursively converts a config object to JavaScript or to JSON
											
											
											
											
										</div>
										
										
										
										
											<dl class="detailList params">
												<dt class="heading">Parameters:</dt>
												
													<dt>
														<span class="light fixedFont">{Object}</span> <b>oData</b>
														
													</dt>
													<dd>Config object</dd>
												
													<dt>
														<span class="light fixedFont">{Boolean}</span> <b>bQuote</b>
														<i>Optional</i>
													</dt>
													<dd>Set it to true to obtain JSON instead of JavaScript</dd>
												
											</dl>
										
										
										
											<dl class="detailList nomargin">
											
												
												
												
												
												
												
												
													<dt class="heading">Returns:</dt>
													
														<dd><span class="light fixedFont">{String}</span> JavaScript code or JSON string</dd>
													
												
												
												
												
												
											
											</dl>
										
										<div class="hr"></div>
									</li>
								
									<li 
										 class='item8'
									>
										<div class="fixedFont heading" id=".xml2jul">
											<span class='lighter'>
											&lt;static&gt; 
											</span>
											
											<span class="light">{Object|String}</span>
											
											<span class="light">JUL.UI.</span><b>xml2jul</b>(oXml, bReturnString)
										</div>
										
										<div class="description">
											Converts a XML DOM to a JUL.UI config tree or to JavaScript code
											
											
											
											
										</div>
										
										
										
										
											<dl class="detailList params">
												<dt class="heading">Parameters:</dt>
												
													<dt>
														<span class="light fixedFont">{Object|String}</span> <b>oXml</b>
														
													</dt>
													<dd>DOM XML object or XML string to convert</dd>
												
													<dt>
														<span class="light fixedFont">{Boolean}</span> <b>bReturnString</b>
														<i>Optional</i>
													</dt>
													<dd>Whether to serialize converted object to JavaScript code</dd>
												
											</dl>
										
										
										
											<dl class="detailList nomargin">
											
												
												
												
												
												
												
												
													<dt class="heading">Returns:</dt>
													
														<dd><span class="light fixedFont">{Object|String}</span> JUL.UI config tree or its JavaScript code</dd>
													
												
												
												
												
												
											
											</dl>
										
										
									</li>
								
							</ul>
						</div>
					</div>
				</section>
			
			
	<!--
	#### EVENT DETAILS
	-->		
			
		</article>
	</div>
</div>

		<script type="text/javascript">
			wbos.CssTools.MediaQueryFallBack.LoadCss('../css/screen.css', '../css/handheld.css', 660)
			codeview.classFilter.Init()
		</script>
	</body>
</html>

